<template>
  <el-card>
    <h1>element-plus组件库的使用</h1>
    <el-divider>分割线</el-divider>
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <el-button>中文</el-button>
    <el-divider></el-divider>
    <!-- 
      size: 设置字体图标的尺寸
      color: 设置字体图标的颜色 
    -->
    <el-icon size="40px" color="red">
      <Edit />
    </el-icon>
    <el-divider></el-divider>
    <!-- 直接使用svg图标 -->
    <Edit style="width: 40px; height: 40px; margin-right: 8px;color:red" />
    <Share style="width: 1em; height: 1em; margin-right: 8px" />
    <Delete style="width: 1em; height: 1em; margin-right: 8px" />
    <Search style="width: 1em; height: 1em; margin-right: 8px" />
  </el-card>
</template>

<script>
export default {};
</script>

<style>
</style>